<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <style>
        .home-bottom ul a:nth-child(1) li {
            color: red;
        }
    </style>
    <%- include('./header.ejs') -%>
</head>

<body>
    <!-- <header>
        首页
    </header> -->
    <section>
        <ul class="index">
            <% for(let i = 0 ; i < homeDatas.length;i++){ %>
                <a href="#" id="<%=homeDatas[i].path %>">
                    <li>
                        <i class="<%=homeDatas[i].icon %>"></i>

                        <span><%= homeDatas[i].name%></span>
                    </li>
                </a>
                <%}%>
        </ul>

    </section>
    <div class="box-bottom">
        <h3>体检项目</h3>
        <ul>
            <a href="#" id="fitness2">
                <li>
                    <span>血压</span>
                    <div>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-xieya"></use>
                          </svg>

                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-jinrujiantou"></use>
                          </svg>
                    </div>

                </li>
            </a>

            <a href="#" id="bloodglucose">
                <li>
                    <span>血糖</span>
                    <div>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xietang"></use>
                      </svg>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinrujiantou"></use>
                      </svg>
                    </div>
                </li>
            </a>
            <a href="#" id="oxygenlevel">
                <li>
                    <span>血氧</span>
                    <div>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xieyang"></use>
                      </svg>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinrujiantou"></use>
                      </svg>
                    </div>
                </li>
            </a>
            <a href="#" id="ecg">
                <li>
                    <span>心电</span>
                    <div>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xindiantu"></use>
                      </svg>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinrujiantou"></use>
                      </svg>
                    </div>
                </li>
            </a>
            <a href="#" id="temperature">
                <li>
                    <span>体温</span>
                    <div>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tiwen"></use>
                      </svg>
                        <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinrujiantou"></use>
                      </svg>
                    </div>
                </li>
            </a>
        </ul>
    </div>
    <script src="/js/config.js"></script>
    <%- include('./footer.ejs') -%>
        <script src="../font/font_1/iconfont.js"></script>
        <!-- <script src="/js/home.js"></script> -->
</body>

</html>